<div id="questionContainer" >
    <div class="panel">
         <div class="panel-body">
            <div class="top clearfix" >
                <div class="right pull-left">
                    <div class="top">
                        <b>问题区</b>
                    </div>
                    <div class="bottom">
                       <div class="buttonGroupDirective">
                            <button type="button" style="margin-right:10px;"  class="btn" ng-repeat="item in data.terms" ng-class="{'active':item.id==data.currTerm}" ng-click="showTerm(item.id,$index)" >{{item.name}}</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <div class="clearfix">
                    <div class="buttonGroupDirective" ng-repeat="term in data.terms" ng-if="term.id==data.currTerm">
                            <button type="button" ng-click="courseSelect(item.courseId,item.termId,$index)"   class="btn" ng-repeat="item in term.scores" ng-class="{'active':$index==num}"  style="margin-right:10px;">{{item.courseName}}</button>
                    </div>
                </div>
                <ul class="question-list"> 
                    <li ng-repeat="question in questionData" >
                        <a ui-sref="course.question.questionDetail({id:question.id})" class="clearfix">
                            <div class="left pull-left" >
                                <div class="title"><i>{{$index+1}}</i>
                                    <b>
                                        <span class="text-success" ng-if="question.creamed">【精】</span>
                                        <span class="text-success" ng-if="question.toped">【置顶】</span>
                                        {{question.title}}
                                    </b>
                                </div>
                                <div class="content">{{question.content}}</div>
                            </div>
                            <div class="right pull-right" style="width:200px;">
                                <div class="title"><i ></i>{{question.studentName}}</div>
                                <div class="clearfix content" style="width:200px">
                                    <div class="left pull-left"><i></i><span>{{question.answerCount}}</span>回答</div>
                                    <div class="right pull-right">{{question.createTime}}</div>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>    
            </div>
            <div class="paginationBox">
                <uib-pagination
                    total-items="totalItems"
                    ng-model="currentPage"
                    ng-change="pageChange()"
                    max-size="maxSize" 
                    first-text="第一页" 
                    previous-text="上一页" 
                    next-text="下一页" 
                    last-text="最后一页" 
                    boundary-links="true" 
                    boundary-link-numbers="true">
                </uib-pagination>
            </div>
        </div>
    </div>
</div>